<template>
 <div class="my-tag">
              <input
                ref="inp"
                class="input"
                type="text"
                placeholder="输入标签"
                v-if="isShow"
                @blur="isShow=false"
                v-fouce
                :value="value"
                @keyup.enter="changeMsg"
              />
              <div class="text" v-else @dblclick="isShow=true">
                {{ value }}
              </div>
            </div>
</template>

<script>
export default {
    props:{
        value:String
    },
    data(){
        return {
            isShow:false
        }
    },
    methods:{
        changeMsg(e){
            if(e.target.value.trim() === ''){
                alert('输入内容不能为空')
                return
            }
            this.isShow = false
            this.$emit('input',e.target.value)
        }
    }
}
</script>

<style>

</style>